<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>午休随笔</title>
    <meta name="Keywords" content="午休随笔"/>
    <meta name="Description" content="午休随笔"/>
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport">
    <link rel="alternate" type="application/vnd.wap.xhtml+xml" media="handheld" href="target"/>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="max-age=7200"/>
    <meta http-equiv="expires" content="0">
    <link rel="stylesheet" href="stylesheets/33.css"/>
</head>
<body>
<header>
    <p>午休随笔 <span>xueshanshan.com</span></p>
    <ul>
        <li class="icon-qq"><span></span></li>
        <li class="icon-sina"><span></span></li>
        <li class="icon-mail"><span></span></li>
    </ul>
</header>
<div class="container">
    <div class="mainBody">
        <div class="m-proshow">
            <slidebar class="slidebar-left">
                <ul>
                    <li><span>JAVASCRIPT</span></li>
                    <li><span>HTML5 + CSS3</span></li>
                    <li><span>JAVA</span></li>
                    <li><span>WEB组件</span></li>
                    <li><span>WEBAPP</span></li>
                    <li><span>React JS</span></li>
                    <li><span>Angular JS</span></li>
                    <li><span>Node JS</span></li>
                    <li><span>IOS</span></li>
                    <li><span>Andriod</span></li>
                </ul>
            </slidebar>
            <div class="middleBox">
                <ul>
                    <li>一个项目</li>
                    <li>一个项目</li>
                    <li>一个项目</li>
                    <li>一个项目</li>
                    <li>一个项目</li>
                    <li>一个项目</li>
                    <li>一个项目</li>
                </ul>
            </div>
            <div class="showBox">
                <div>
                    这是内容呢~<br>
                    这是内容呢~<br>
                    这是内容呢~<br>
                </div>
            </div>
        </div>
    </div>
</div>
<section class="friendlyLink">
    <a href="#">友情链接</a>
    <a href="#">友情链接友情链接</a>
    <a href="#">友链接友情链接</a>
    <a href="#">友情链情链接</a>
    <a href="#">友情链接</a>
    <a href="#">友接</a>
    <a href="#">友情链接</a>
    <a href="#">友链接</a>
    <a href="#">友情链接</a>
    <a href="#">友情接</a>
    <a href="#">友情接友情接友情接</a>
    <a href="#">友情链接</a>
    <a href="#">友链接</a>
</section>
<footer><p>备案备案备案备案备案备案备案备案备案备案备案备案备案备案备案备案备案备案备案备案备案</p></footer>
</body>
</html>